@charset "UTF-8";
$baseSize: 75 !default;
@function pTR($px) {
  @return $px / $baseSize * 1rem;
}
$imgUrl: "https://img.ameimeika.com/h5_images/dzxy_h5/";
// 公用样式
.wrap{
  box-sizing: border-box;
  // 客服
  .kefu{
    width:pTR(156);
    height:pTR(38);
    position: absolute;
    top:pTR(30);
    right:0
  }
  .kefu>img{
    width: 100%;
    height: auto;
  }
  // 容器
  .main{
    width: 100%;
    background: #F5F7FA;
    padding: pTR(30) pTR(30);
    box-sizing: border-box;
  }
  // 模块标题
  .modeltitle{
    font-size:pTR(32);
    font-family:PingFangSC-Regular,PingFangSC;
    font-weight:400;
    color:#333333;
    line-height:pTR(44);
  }
  .iconspan {
    display: inline-block;
    width: pTR(8);
    height: pTR(28);
    background: #FF826F;
    border-radius: pTR(4);
    padding-right: pTR(10);
    position: relative;
    top: pTR(1.2);
  }
  // 表单
  .content{
    margin: pTR(30) 0;
    padding-left: pTR(30);
    background: #FFFFFF;
    box-shadow:pTR(0) pTR(2) pTR(8) pTR(0) rgba(202,168,168,0.32);
    box-sizing: border-box;
  }
  .li_item{
    border-bottom: pTR(2) solid #EBEBEB;
    height: pTR(88);
    line-height: pTR(88);
    display: flex;
    box-sizing: border-box;
  }

  .li_item:last-child{
    border-bottom: 0;
  }

  .li_item p{
    font-size:pTR(28);
    font-family:PingFangSC-Regular,PingFangSC;
    font-weight:400;
    color:rgba(147,147,147,1);
    line-height:pTR(80);
    margin-top: pTR(3);
  }

  .li_item div{
    flex: 13;
    line-height: pTR(88);
    font-size: pTR(28);
    text-align: right;
    color: #333333;
    padding: 0 pTR(16);
    word-wrap: break-word;
    word-break: break-all;
  }

  .li_item input{
    height: 98%;
    border: 0;
    flex: 13;
    font-size: pTR(28);
    color: #333333;
    padding: 0 pTR(16);
    word-wrap: break-word;
    word-break: break-all;
    margin-bottom: 0;
  }

  .li_item input::-webkit-input-placeholder{
    color: #bbb;
  }
  .li_item input:-moz-placeholder {
    color: #bbb;
  }
  .li_item input:-ms-input-placeholder {
    color: #bbb;
  }

  // 下拉箭头
  .rowicon{
    display: inline-block;
    height: pTR(56);
    width: pTR(32);
    background: url($imgUrl+"jiant_h.png") no-repeat center;
    background-size: 100%;
    margin-top: pTR(16);
    transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(7deg);
    position: absolute;
    right: pTR(44);
  }
  // 日历图标
  .dateicon{
    display: inline-block;
    height: pTR(48);
    width: pTR(46);
    background: url($imgUrl+"btn_date.png") no-repeat center;
    background-size: 100%;
    margin-top: pTR(16);
    margin-right: pTR(20);
  }

  // 验证码
  .getCode{
    border: 1px solid red;
    display: inline-block;
    width:pTR(144);
    height:pTR(48);
    margin-top: pTR(25);
    margin-right: pTR(20);
    line-height: pTR(44);
    border-radius:pTR(40);
    border:pTR(2) solid rgba(255,120,160,1);;
    text-align: center;
    font-size:pTR(24);
    font-family:PingFangSC-Regular,PingFangSC;
    font-weight:400;
    color:#FF1E60;
    background:linear-gradient(213deg, rgba(255,134,105,1) 0%, rgba(254,106,156,1) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }

  // 圆圈
  .circle{
    display: inline-block;
    width:pTR(20);
    height:pTR(20);
    border:pTR(2) solid #FE6A9C;
    border-radius: 50%;
    margin: pTR(10) pTR(10) 0 0;
  }
  .circleclick{
    background: #FF6D98;
  }

  // msg
  .msgtext{
    width: 100%;
    text-align: center;
    font-size:pTR(28);
    font-family:PingFangSC-Regular,PingFangSC;
    font-weight:400;
    color:#999999;
    line-height:pTR(40);
    margin-bottom: pTR(20);
  }

  // 下一步
  .nextstep{
    width:100%;
    height:pTR(116);
    background:linear-gradient(213deg,rgba(255,134,105,1) 0%,rgba(254,106,156,1) 100%);
  }
  
  .opacity{
    background:linear-gradient(213deg,rgba(255,134,105,0.4) 0%,rgba(254,106,156,0.4) 100%);
  }

  // 重新发送签署通知(灰色背景)
  .againnext{
    background:rgba(197,197,197,1);
  }

  .nextmsg{
    width:100%;
    height:pTR(116);
    line-height:pTR(116);
    font-size:pTR(32);
    font-family:PingFangSC-Medium,PingFangSC;
    font-weight:500;
    color:#FFFFFF;
    text-align: center;
  }
}

// 弹窗背景
.dialog{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0,0,0,0.6);
}
// 隐藏
.hide{
  display:none;
}

// 底部按钮
.footerwrap{
  width: 100%;
  height: pTR(116);
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footerwrap>div{
  height: pTR(116);
  line-height: pTR(116);
  text-align: center;
  font-size:pTR(32);
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.footerlf{
  flex: 6;
  background:rgba(205,205,205,1);
  
}
.footerrt{
  flex: 8;
  background:linear-gradient(213deg,rgba(255,134,105,1) 0%,rgba(254,106,156,1) 100%);
}